<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/02-reset.css">
    <link rel="stylesheet" href="./css/jd-1.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2703885_4qd37n1znlj.css">
    <title>登录页</title>
    <script src="./js/jQuery3.6.0.js"></script>
    <!-- 引入表单校验插件 -->
    <script src="./validate/jquery.validate.min.js"></script>
    <script src="./validate/localization/messages_zh.min.js"></script>
    <!-- 引入弹出层插件 -->
    <script src="./js/layui-v2.6.8/layer/layer.js"></script>
    <script src="./js/cookie.js"></script>
</head>

<body>
    <header>
        <section>
            <h1>
                <i class="iconfont icon-pay-jingdong"></i>
                <i class="iconfont icon-jingdongbeifen"></i><b>欢迎登录</b> </h1>
            <span> <i class="iconfont icon-xiaoxi2"></i>登入页面，调查问卷</span>
        </section>
    </header>
    <!-- ------------------------------- -->
    <nav>
        O依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证!新版《京东隐私政策》已上线，将更有利于保护您的个人隐私。

    </nav>
    <!-- ------------------------------- -->
    <main>
        <article>
            <img src="./img/a1.jpeg" alt="">
            <figure>
                <li>O京东不会以任何理由要求您转账汇款，谨防诈骗。
                </li>
                <ol>
                    <span class="dian1">扫码登入</span>

                    <dd class="dian2">账户登入</dd>
                </ol>
                <div class="an">

                    <ul>
                        <div class="a3">
                            <div class="a1"><img src="./img/a2.jpg" alt=""></div>
                            <div class="a2"><img src="./img/a3.gif" alt=""></div>
                        </div>
                        <p>打开<i>手机京东</i> 扫描二维码</p>
                        <dt><i class="iconfont icon-arrow-double-right"></i>免输入
                        <i class="iconfont icon-Shapecopy"></i>更快
                        <i class="iconfont icon-arrow-double-right"></i>更安全</dt>
                    </ul>
                    <form action="" id="aa4">
                        <button class="bu"><i class="iconfont icon-wode"></i>
<input type="text" name="username" placeholder="邮箱/用户名/登录手机">
                        </button>
                        <label id="username-error" class="error" for="username"></label>
                        <button class="bu"><i class="iconfont icon-wode" ></i>
    <input type="password" name="password"placeholder="密码">
                        </button>
                        <label id="password-error" class="error" for="password"></label>
                        <p> <span>记住密码：<input type="checkbox" name="remember"></span> 忘记密码&nbsp;&nbsp;&nbsp;</p>
                        <h3> <button type="submit">登录
                        </button></h3>
                    </form>

                </div>
                <div class="zc">
                    <p><i class="iconfont icon-QQ-circle-fill"></i>&nbsp;QQ&nbsp;&nbsp;|&nbsp;&nbsp;<i class="iconfont icon-weixin-"></i>&nbsp;微信</p>
                    <a href="./jing-zhuce.html"><span><i class="iconfont icon-arrow-">
                    </i>&nbsp;立即注册</span></a>
                </div>
            </figure>
        </article>
    </main>
    <!-- ------------------------------- -->
    <footer>
        <p>关于我们<i>|</i> 联系我们
            <i>|</i> 人才招聘
            <i>|</i> 商家入驻
            <i>|</i> 广告服务 <i>|</i> 手机京东
            <i>|</i> 友情链接 <i>|</i> 销售联盟
            <i>|</i> 京东社区
            <i>|</i> 京东公益
            <i>|</i> English Site
        </p>
        <li>Copyright◎2004-2021京东JD.com 版权所有
        </li>
    </footer>
</body>

</html>
<script src="./js/jd-1.js"></script>